*{margin:0;padding:0}
body{background:url("image/login/bg.jpg") repeat 0 0;background-size:100%;}
.container{width:100%;height:100%;}
.container .cont{width:1090px;height:650px;margin:0 auto;}
.head{height: 232px;text-align: center;}
.head img{display:inline-block;margin:68px auto;}
.body{height:520px;overflow: hidden;}
.body .left{float:left;width:50%;position: relative}
.body .right{float:right;width:50%;}
.body .left img{position: absolute;}
.body .left i{display: inline-block;width:16px;height:16px;background: white;border-radius:50%;position: absolute}
.body .left .left1{top:0;left:30%;}
.body .left .l1{top:40px;left:60%;}
.body .left .left2{top:35px;right:0}
.body .left .l2{top:220px;right:0}
.body .left .left3{top:280px;right:0}
.body .left .l3{top:450px;left:65%}
.body .left .left4{top:360px;left:30%;}
.body .left .l4{top:380px;left:15%;}
.body .left .left5{top:180px;left:5%;}
.body .left .l5{top:120px;left:18%;}
.body .right .loginBox{position:relative;width:380px;height:310px;background:#4b5e6f;border-radius: 30px;float:right;margin-top:30px;padding:40px 24px;box-sizing: border-box}
#messageTips {position:absolute;top:0;left:0;padding:0 24px;width:380px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:#1f93ff;margin:0;height:50px;line-height:50px; background:none 5px 50% no-repeat; border:1px solid transparent;}
#messageTips.error{ color:#ff3c3c;}
#messageTips.normal{ color:#1f93ff;}
#messageTips.ok{ color:#28ae03;}
#messageTips.warning{ color:#ff9c00;}
.body .right .loginBox > div{width:100%;height:40px;margin:10px auto;}
.body .right .loginBox > div input[type="text"] , .body .right .loginBox > div input[type="password"] , .body .right .loginBox > div input[type="text"]:focus , .body .right .loginBox > div input[type="password"]:focus {color:#999;font-size:14px;width:100%;height:100%;border:none;outline: none;border-radius: 5px;padding:0 40px;box-sizing: border-box }
.body .right .loginBox > div input.count{background:white url("image/login/count.png") no-repeat 10px center}
.body .right .loginBox > div input.pwd{background:white url("image/login/pwd.png") no-repeat 10px center}
.body .right .loginBox > div i{display: inline-block;width:10px;height: 10px;background: white;}
.body .right .loginBox > div{color:white;font-size:14px;line-height: 30px;}
.body .right .loginBox > div input[type="checkbox"]{vertical-align: middle; margin-right:20px;background: white;display: inline-block;}
.body .right .loginBox > div a{text-decoration: none; color:white;font-size:14px;margin-left:10px; }
.body .right .loginBox > div a.findPwd{color:#ef8320;float:right;margin-top:20px;}
.body .right .loginBox > div button{outline:none;margin-top:20px;width:100%;height:100%;background:#2da8e1;color:white;font-size: 18px;border: none;border-radius: 5px;font-weight:700;}
.foot p{width:100%;height:50px;font-size: 20px;text-align: center;color:#074673;}


.v-c { height:40px; line-height:40px;position:relative;}
#verifyInput{ height: 35px; line-height: 35px; width: 100px; padding:0 10px; border:1px solid #c7c7c7; width:100px; *width:80px; position:absolute; left:0px; top:0px; *top:0px;}
#verifyInput:focus,#verifyInput.sel{ border-color:#73b9e1;}
#verifyInput.error{ border-color:#fa4c4c;}
.v-c > .v-p { float:left; height: 35px; width:105px; margin-left: 105px; overflow:hidden;}
.v-c > .v-p > img {}
.v-c > a { float: right; height: 32px; line-height: 34px; font-size: 12px; color: #666; cursor: pointer; }
.v-c > a:hover { color:#333; }
#changeButton:hover{ color:#fa4c4c;}
#verifyImage{ cursor:pointer;margin-left:15px;}


.foot-fix {position:fixed;width:100%;text-align:center;bottom:0;left:0;}
